<template>
  <div>
      <h3>
          通过插值表达式显示数据
      </h3>
          <!-- 使用data中数据渲染视图，支持基本语法 和三元运算符
          -->
          <!-- 注意点：1，使用的数据必须在data中存在
                        2，能使用表达式，但是不支持if for
                        3，不能在标签属性中使用，
                        标签属性中是不支持插值表达式
          -->
          <p>数量： {{num}} </p>
          <p>字母：{{mak}} </p>
          <p>字母转大写：{{mak.toUpperCase()}} </p>
          <p>姓名：{{obj.name}} </p>
          <p>年龄：{{obj.age}} </p>
          <p>是否成年：{{obj.age>18?"成年":"不成年"}} </p>
  </div>
</template>

<script>
export default {
data(){
    return{
        num:200,
        mak:'qwe',
        obj:{
            name:'杰尔马66',
            age:88
        }
    }
}
}
</script>

<style lang="less">
h3{
    font-size: 80px;
    color: brown
}
p{
    color: aqua;
}
</style>